<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-FN5WWKHR8J"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'G-FN5WWKHR8J');
    </script>
    <meta charset="UTF-8">
    <meta name="baidu-site-verification" content="code-BGK1aGjUrd">
    <meta name="keywords" content="云金杞,云子量化,量化交易,backtrader,CTA,期货,股票,期权,外汇,债券,投资,理财,保险">
    <meta name="description" content="关注个人成长和用量化思维做投资理财，包括但不限于股票、期货、期权、外汇、基金、理财、保险">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>云子量化</title>
    <link rel="shortcut icon" href="/static/favicon.ico" type="image/x-icon">
    <link rel="icon" href="/static/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="/css/bootstrap.css" type="text/css">
    <link rel="stylesheet" href="/css/woniunote.css" type="text/css">
    <link rel="stylesheet" href="/icon/font/css/open-iconic-bootstrap.css" type="text/css">
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script defer src="/js/jquery-3.4.1.min.js"></script>
    <script defer src="/js/bootstrap.js"></script>
    <script defer src="/js/bootbox.min.js"></script>
    <script defer src="/js/woniunote.js"></script>
    <style>
        .header h4 {
            font-size: 18px;
            color: #2b6db4;
        }
        .scrolling-text {
            white-space: nowrap;
            overflow: hidden;
            animation: scrolling 20s linear infinite;
        }
        @keyframes scrolling {
            0% { transform: translateX(-20%); }
            100% { transform: translateX(100%); }
        }
    </style>
</head>


<body>
    <header class="navbar-default bg-white header">
        <div class="container py-2">
            <div class="row">
                <div class="col-4">
                    <a href="/">
                        <img src="/img/logo.png" alt="Logo" style="width: 230px;">
                    </a>
                </div>
                <div class="col scrolling-text d-none d-sm-block">
                    <h4 style="color: blue; font-size: 18px;">量化的不仅是股票、期货、期权、债券等投资交易工具，更是量化自我，量化是人生漫长的修行</h4>
                </div>
                <div class="col-8 text-right d-sm-none mt-3">
                    <h3 style="color: midnightblue">专注量化</h3>
                </div>
            </div>
        </div>
    </header>

    <div class="menu navbar navbar-expand-lg navbar-dark bg-info">
        <div class="container">
            <a class="navbar-brand" href="#">快捷导航</a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
                <div class="navbar-nav">
                    {% for main_key, main_value in article_type.items() if main_key < 100 %}
                        <div class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle"
                               href="#" id="dropdown{{ main_key }}"
                               role="button" data-toggle="dropdown"
                               aria-haspopup="true"
                               aria-expanded="false">
                                {{ main_value }}
                            </a>
                            <div class="dropdown-menu"
                                 aria-labelledby="dropdown{{ main_key }}">
                                {% for sub_key, sub_value in article_type.items()
                                    if sub_key >= main_key * 100 and sub_key < (main_key + 1) * 100 %}
                                    <a class="dropdown-item" href="/type/{{ sub_key }}/{{ 1 }}">{{ sub_value }}</a>
                                {% endfor %}
                            </div>
                        </div>
                    {% endfor %}
                </div>
                <div class="navbar-nav ml-auto" id="loginmenu">
                    {% if session.get('main_islogin') == 'true' %}
                        <a class="nav-item nav-link" href="/ucenter">欢迎你：{{ session.get('main_nickname') }}</a>
                        <a class="nav-item nav-link" href="/ucenter">用户中心</a>
                        {% if session.get('main_role') == 'admin' %}
                            <a class="nav-item nav-link" href="/admin">系统管理</a>
                        {% endif %}
                        <a class="nav-item nav-link" href="javascript:void(0)" onclick="doMainLogout()">退出</a>
                    {% else %}
                        <a class="nav-item nav-link" href="javascript:void(0)" onclick="showLogin()">登录</a>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>

    <main class="container mt-4">
        <div class="row">
            {% block content %}
            {% endblock %}
        </div>
    </main>

    <footer class="container-fluid footer">
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <p>版权所有 &copy; 云金杞</p>
                    <a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer">京 ICP 备 2021040304号</a>
                    <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010702002337" target="_blank" rel="noopener noreferrer">
                        <img src="/img/备案图标.png" alt="备案图标"> 京公网安备 11010702002337 号
                    </a>
                </div>
                <div class="col-md-4">
                    <p>友情链接</p>
                    <p>
                        <a href="https://blog.csdn.net/qq_26948675/category_11503023.html" target="_blank">CSDN博客</a>
                        <a href="https://www.zhihu.com/people/yun-jin-qi" target="_blank">个人知乎</a>
                    </p>
                </div>
                <div class="col-md-4">
                    <p>联系博主</p>
                    <p>北京★孵化园&nbsp;&nbsp;&nbsp;微信：tianjixuetu</p>
                </div>
            </div>
        </div>
    </footer>
    <!-- 登录和注册模态框 -->
<!-- data-backdrop="static" 表示用户必须要手工关闭模态框才能操作其他页面 -->
<div class="modal fade" id="mymodal" data-backdrop="static" tabindex="-1"
     role="dialog" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
    <!-- 在模态框内部配置Tab选项卡，用于切换登录和注册窗口 -->
    <div class="tabbable" id="tabs" style="background-color: #337AB7; height: 50px;padding: 5px 20px;">
        <button type="button" class="close" data-dismiss="modal">
            <span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
        </button>
        <!-- 与登录和注册窗口的ID进行关联 -->
        <ul class="nav nav-tabs" role="tablist">
            <li id="login" class="nav-item active">
                <a href="#loginpanel" data-toggle="tab" class="nav-link" style="color: midnightblue">登录</a>
            </li>
            <!-- <li id="reg" class="nav-item">
                <a href="#regpanel" data-toggle="tab" class="nav-link" style="color: midnightblue">注册</a>
            </li> -->
            <li id="find" class="nav-item">
                <a href="#findpanel" data-toggle="tab" class="nav-link" style="color: midnightblue">找回密码</a>
            </li>
        </ul>
    </div>

    <!-- 绘制登录窗口 -->
    <div class="tab-content">
    <div class="tab-pane container active" id="loginpanel">
    <div class="modal-content" style="margin: 20px 0;">
    <div class="modal-body">
        <div class="form-group row" style="margin-top: 20px;">
            <label for="loginname" class="col-4">&nbsp;&nbsp;登录邮箱：</label>
            <input type="text" id="loginname" class="form-control col-7" placeholder="请输入你的邮箱地址"/>
        </div>
        <div class="form-group row">
            <label for="loginpass" class="col-4">&nbsp;&nbsp;登录密码：</label>
            <input type="password" id="loginpass" class="form-control col-7" placeholder="请输入你的登录密码"/>
        </div>
        <div class="form-group row">
            <label for="logincode" class="col-4"> &nbsp;&nbsp;图片验证码：</label>
            <input type="text" id="logincode" class="form-control col-5" placeholder="请输入右侧的验证码" onkeyup="doLogin(event)"/>
            <img src="/vcode" id="loginvcode" class="col-3" style="cursor:pointer;" onclick="this.src='/vcode?'+Math.random()"/>
        </div>
    </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-dark" data-dismiss="modal">关闭</button>
            <button type="button" class="btn btn-primary" onclick="doLogin(null)">登录</button>
        </div>
    </div>
    </div>

    <!-- 绘制注册窗口 -->
    <div class="tab-pane container" id="regpanel">
    <div class="modal-content">
    <div class="modal-content" style="margin: 20px 0;">
    <div class="modal-body">
        <div class="form-group row" style="margin-top: 20px;">
            <label for="regname" class="col-4">&nbsp;&nbsp;注册邮箱：</label>
            <input type="text" id="regname" class="form-control col-7" placeholder="请输入你的邮箱地址"/>
        </div>
        <div class="form-group row">
            <label for="regpass" class="col-4">&nbsp;&nbsp;注册密码：</label>
            <input type="password" id="regpass" class="form-control col-7" placeholder="请输入你的注册密码"/>
        </div>
        <div class="form-group row">
            <label for="regcode" class="col-4">&nbsp;&nbsp;邮箱验证码：</label>
            <input type="text" id="regcode" class="form-control col-4" placeholder="请输入邮箱验证码" onkeyup="doReg(event)"/>
            <button type="button" class="btn btn-primary col-3" onclick="doSendMail(this)">发送邮件</button>
        </div>
    </div>
    <div class="modal-footer">
        <span>注册时请使用邮箱地址，便于找回密码。&nbsp;&nbsp;</span>
        <button type="button" class="btn btn-dark" data-dismiss="modal">关闭</button>
       <!-- <button type="button" class="btn btn-primary" onclick="doReg(null)">注册</button>-->
    </div>
    </div>
    </div>
    </div>

    <!-- 找回密码 -->
    <div class="tab-pane container" id="findpanel">
    <div class="modal-content">
    <div class="modal-content" style="margin: 20px 0;">
    <div class="modal-body">
        <div class="form-group row" style="margin-top: 20px;">
            <label for="username" class="col-4">&nbsp;&nbsp;注册邮箱：</label>
            <input type="text" id="username" class="form-control col-7" placeholder="请输入你的邮箱地址"/>
        </div>
        <div class="form-group row">
            <label for="newpass" class="col-4">&nbsp;&nbsp;新的密码：</label>
            <input type="password" id="newpass" class="form-control col-7" placeholder="请输入你的注册密码"/>
        </div>
        <div class="form-group row">
            <label for="findcode" class="col-4">&nbsp;&nbsp;邮箱验证码：</label>
            <input type="text" id="findcode" class="form-control col-4" placeholder="请输入邮箱验证码"/>
            <button type="button" class="btn btn-primary col-3">发送邮件</button>
        </div>
    </div>
    <div class="modal-footer">
        <span>请输入注册邮箱地址并重置密码。&nbsp;&nbsp;</span>
        <button type="button" class="btn btn-dark" data-dismiss="modal">关闭</button>
        <button type="button" class="btn btn-primary">找回密码</button>
    </div>
    </div>
    </div>
    </div>

    </div>
</div>
</div>
</div>
</body>
</html>